<!DOCTYPE html>
<html lang="en">
<<<<<<< Updated upstream
	<!-- 卓越在线首页 -->
=======
<<<<<<< Updated upstream

>>>>>>> Stashed changes
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/nav.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/courses.css" />
	<link rel="stylesheet" href="css/login.css" />
	<link rel="stylesheet" href="css/footer.css">
=======
<<<<<<< HEAD
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="css/nav.css">
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/kecheng.css" />
		<link rel="stylesheet" href="css/denglu.css" />
		<link rel="stylesheet" href="css/footer.css">
>>>>>>> Stashed changes


	<script src="js/ip.js"></script>
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script src="js/carouselimage.js"></script>
	
	<title>卓越在线</title>
</head>

<body>

	<nav class="navbar">
		<ul>
			<li><a href="https://www.hbsi.edu.cn/" target="_blank">河北软件职<br>业技术学院</a></li>
			<li><a href="https://www.douyin.com/user/MS4wLjABAAAAKLBK4r0rxcelp9uGgbj-hByDWlouLUBbGRcjQspzt1dTF-MHxJk_raAa81RlH12a?from_tab_name=main&is_search=1&list_name=follow&nt=0"
					target="_blank">卓越班<br>软件工厂</a></li>

		</ul>
	</nav>

	<div id="loginPopup" class="popup-overlay">
		<div class="popup-content">
			<div class="container">
				<div class="tit">登录</div>
				<input type="text" id="po" placeholder="账号" />
				<input type="password" id="pw" placeholder="密码">
				<button id="login">登录</button>
				<span class="go-register">没有账号？去注册</span>
				<span class="close-popup" data-dismiss="login">×</span> <!-- 关闭按钮 -->
			</div>
		</div>
	</div>
	<div id="registerPopup" class="popup-overlay">
		<div class="popup-content">
			<div class="container">
				<div class="tit">注册</div>
				<input type="text" placeholder="用户名" id="reg_username" />
				<input type="text" placeholder="手机号" id="reg_phone" />
				<input type="password" placeholder="设置密码" id="reg_password">
				<input type="password" placeholder="确认密码" id="reg_confirm_password">
				<button id="register">注册</button>
				<span class="go-login">已有账号？去登录</span>
				<span class="close-popup" data-dismiss="register">×</span> <!-- 关闭按钮 -->
			</div>
		</div>
	</div>




	<nav class="nav">



		<div class="ndiv">
			<ul>
				<a href="index.html" class="logo">
					<img src="img/ZXlogo.png" alt="">

				</a>
			</ul>
			<ul>
				<li><a href="FreeClasses.html" class="fcolor">免费课</a></li>
				<li><a href="PracticalClasses.html" class="fcolor">实战课</a></li>
				<li><a href="SystematicCourses.html" class="fcolor">体系课</a></li>

<<<<<<< Updated upstream
				<li class="shangyehezuo">商业合作
					<div class="syhz">
						<p><a href="enterpriseServices.html">企业服务</a></p>
						<p><a href="teacherSettled.html">讲师入住</a></p>
					</div>
				</li>
				<li><a href="teacherlogin.html">教师系统</a></li>
			</ul>
			<ul class="rig">
				<input id="sousuo" type="text" placeholder="请输入关键字">
				<button class="search">🔎搜索</button>
				<a href="shoppingcart.html">
					<img src="img/购物车.png" alt="" class="gwc">
				</a>

				<span>登录</span>&nbsp;<span>注册</span>
				<b class="dlxx">
					<a href="" class="xxtz"><img src="img/XXTZ.png" alt="" /></a>
					<a href="personalhomepage.html" class="grzy">
						<img src="img/toux.png" alt="" />
					</a>
					<span id="tcdl">退出</span>
				</b>
			</ul>
		</div>
		</div>
	</nav>
	<div class="catalogue">
		<div class="catalogue_1">
			<div class="catalogue_top">


				<ul class="primary-menu">
					<li>前沿技术：人工智能/AIGC/大模型
						<ul class="secondary-menu">
							<li><a href="#">机器学习</a></li>
							<li><a href="#">自然语言处理</a></li>
							<li><a href="#">计算机视觉</a></li>
						</ul>

					</li>
					<li>
						前沿技术：人工智能/AIGC/大模型
						<ul class="secondary-menu">
							<li><a href="#">机器学习</a></li>
							<li><a href="#">自然语言处理</a></li>
							<li><a href="#">计算机视觉</a></li>
						</ul>
					</li>
					<li>前沿技术：人工智能/AIGC/大模型
						<ul class="secondary-menu">
							<li><a href="#">机器学习</a></li>
							<li><a href="#">自然语言处理</a></li>
							<li><a href="#">计算机视觉</a></li>
						</ul>
					</li>
					<li>前沿技术：人工智能/AIGC/大模型
						<ul class="secondary-menu">
							<li><a href="#">机器学习</a></li>
							<li><a href="#">自然语言处理</a></li>
							<li><a href="#">计算机视觉</a></li>
						</ul>
					</li>
					<li>前沿技术：人工智能/AIGC/大模型
						<ul class="secondary-menu">
							<li><a href="#">机器学习</a></li>
							<li><a href="#">自然语言处理</a></li>
							<li><a href="#">计算机视觉</a></li>
						</ul>
					</li>
					<li>前沿技术：人工智能/AIGC/大模型
						<ul class="secondary-menu">
							<li><a href="#">机器学习</a></li>
							<li><a href="#">自然语言处理</a></li>
							<li><a href="#">计算机视觉</a></li>
						</ul>
					</li>
					<li>前沿技术：人工智能/AIGC/大模型
						<ul class="secondary-menu">
							<li><a href="#">机器学习</a></li>
							<li><a href="#">自然语言处理</a></li>
							<li><a href="#">计算机视觉</a></li>
						</ul>
					</li>
				</ul>
				<div class="carousel-container" id="carousel">
					
					
				</div>

			</div>
			<div class="catalogue_buttom">
				<ul>
					<li>
						<a href="">
							<img src="img/rgzn_logo.png" alt="" />
							<div>
								<h1>AI人工智能</h1>
								<p>AIGC|ChatGPTILLM</p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/rgzn_logo.png" alt="" />
							<div>
								<h1>AI人工智能</h1>
								<p>AIGC|ChatGPTILLM</p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/rgzn_logo.png" alt="" />
							<div>
								<h1>AI人工智能</h1>
								<p>AIGC|ChatGPTILLM</p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/rgzn_logo.png" alt="" />
							<div>
								<h1>AI人工智能</h1>
								<p>AIGC|ChatGPTILLM</p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/rgzn_logo.png" alt="" />
							<div>
								<h1>AI人工智能</h1>
								<p>AIGC|ChatGPTILLM</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>

	</div>
	<!-- 第一个课程展示区域 -->
	<div class="newGoodClass" id="newGoodClass">
		<div class="newGoodClass_1">
			<div class="goodClasTop">
				<ul class="tab-links-1">
					<h3>新上好课</h3>
					
					
				</ul>
			</div>
			<div class="goodClassButtom">
				<div id="front-end-1" class="tab-content-1" style="display: block;">
					<ul></ul>
				</div>
				<div id="back-end-1" class="tab-content-1">
					<ul></ul>
				</div>
				<div id="mobile-1" class="tab-content-1">
					<ul></ul>
				</div>
				<div id="computer-basic-1" class="tab-content-1">
					<ul></ul>
				</div>
			</div>
		</div>
	</div>




	<div class="main-container">
		<div class="top-header">
			<h1>课程榜单</h1>
			
		</div>

		<div class="tabs-container">
			<!-- 畅销榜 -->
			<div class="rank-card">
				<div class="rank-title">畅销榜</div>
				<div class="course-list">
					<a href="#" class="course-item">
						<div class="rank-number">1</div>
						<div class="course-image">
							<img src="img/diushi.jpeg" alt="课程图片">
						</div>
						<div class="course-info">
							<div class="course-title">AI Agent智能应用从0到1定制开发</div>
							<div class="course-price">¥368.00</div>
							<div class="student-count">1008人在学</div>
						</div>
					</a>

					<a href="#" class="course-item">
						<div class="rank-number">2</div>
						<div class="course-image">
							<img src="img/diushi.jpeg" alt="课程图片">
						</div>
						<div class="course-info">
							<div class="course-title">Python3.8入门+进阶</div>
							<div class="course-price">¥366.00</div>
							<div class="student-count">14448人在学</div>
						</div>
					</a>

					<a href="#" class="course-item">
						<div class="rank-number">3</div>
						<div class="course-image">
							<img src="img/diushi.jpeg" alt="课程图片">
						</div>
						<div class="course-info">
							<div class="course-title">WebGL+Three.js入门与实战</div>
							<div class="course-price">¥348.00</div>
							<div class="student-count">1086人在学</div>
						</div>
					</a>
				</div>
				<a href="paihangbangzhuye.html?type=sales" class="view-more">查看畅销榜 »</a>
			</div>

			<!-- 学习榜 -->
			<div class="rank-card study-rank">
				<div class="rank-title">学习榜</div>
				<div class="course-list">
					<a href="#" class="course-item">
						<div class="rank-number">1</div>
						<div class="course-image">
							<img src="img/diushi.jpeg" alt="课程图片">
						</div>
						<div class="course-info">
							<div class="course-title">Python3.8系统入门+进阶</div>
							<div class="course-price">¥366.00</div>
							<div class="student-count">14448人在学</div>
						</div>
					</a>

					<a href="#" class="course-item">
						<div class="rank-number">2</div>
						<div class="course-image">
							<img src="img/diushi.jpeg" alt="课程图片">
						</div>
						<div class="course-info">
							<div class="course-title">AI Agent智能应用从0到1定制开发</div>
							<div class="course-price">¥368.00</div>
							<div class="student-count">1008人在学</div>
						</div>
					</a>

					<a href="#" class="course-item">
						<div class="rank-number">3</div>
						<div class="course-image">
							<img src="img/diushi.jpeg" alt="课程图片">
						</div>
						<div class="course-info">
							<div class="course-title">微信小程序入门与实战</div>
							<div class="course-price">¥149.00</div>
							<div class="student-count">23871人在学</div>
						</div>
					</a>
				</div>
				<a href="paihangbangzhuye.html?type=study" class="view-more">查看学习榜 »</a>
			</div>
		</div>
	</div>

	<!-- 第二个课程展示区域 -->
	<div class="newGoodClass">
		<div class="newGoodClass_1">
			<div class="goodClasTop">
				<ul class="tab-links-2">
					<h3>进站必学</h3>
					<li class="tab-link-2 active" data-tab="front-end-2">前端开发</li>
					<li class="tab-link-2" data-tab="back-end-2">后端开发</li>
					<li class="tab-link-2" data-tab="mobile-2">大数据方向</li>
					
				</ul>
			</div>
			<div class="goodClassButtom">
				<div id="front-end-2" class="tab-content-2" style="display: block;">
					<ul></ul>
				</div>
				<div id="back-end-2" class="tab-content-2">
					<ul></ul>
				</div>
				<div id="mobile-2" class="tab-content-2">
					<ul></ul>
				</div>
				<div id="computer-basic-2" class="tab-content-2">
					<ul></ul>
				</div>
			</div>
		</div>
	</div>

	<footer class="footer">
		<ul>
			<li><a href="">企业服务</a></li>
			<li><a href="">网站地图</a></li>
			<li><a href="">关于我们</a></li>
			<li><a href="">联系我们</a></li>
			<li><a href="">讲师招募</a></li>
			<li><a href="">帮助中心</a></li>
			<li><a href="">意见反馈</a></li>
			<li><a href="">企业服务</a></li>
		</ul>
	</footer>
	
	<script src="js/rankinglist.js"></script>
	<script src="js/login.js"></script>
	<script src="js/index.js"></script>
	<script src="js/courses.js"></script>
</body>

=======
		<div id="loginPopup" class="popup-overlay">
			<div class="popup-content">
				<div class="container">
					<div class="tit">登录</div>
					<input type="text" placeholder="账号" />
					<input type="password" placeholder="密码">
					<button id="login">登录</button>
					<span class="go-register">没有账号？去注册</span>
					<span class="close-popup" data-dismiss="login">×</span> <!-- 关闭按钮 -->
				</div>
			</div>
		</div>
		<div id="registerPopup" class="popup-overlay">
			<div class="popup-content">
				<div class="container">
					<div class="tit">注册</div>
					<input type="text" placeholder="用户名" />
					<input type="text" placeholder="手机号" />
					<input type="password" placeholder="设置密码">
					<input type="password" placeholder="确认密码">
					<button>注册</button>
					<span class="go-login">已有账号？去登录</span>
					<span class="close-popup" data-dismiss="register">×</span> <!-- 关闭按钮 -->
				</div>
			</div>
		</div>




		<nav class="nav">



			<div class="ndiv">
=======
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/kecheng.css" />
	<link rel="stylesheet" href="css/denglu.css" />
	<link rel="stylesheet" href="css/footer.css">
	
	
	
	<script src="../commons/jquery-3.6.0.min.js"></script>
    <title>卓越在线</title>
</head>
<body>
	
	<nav class="navbar">
	        <ul>
	            <li><a href="https://www.hbsi.edu.cn/" target="_blank">河北软件职<br>业技术学院</a></li>
	            <li><a href="https://www.douyin.com/user/MS4wLjABAAAAKLBK4r0rxcelp9uGgbj-hByDWlouLUBbGRcjQspzt1dTF-MHxJk_raAa81RlH12a?from_tab_name=main&is_search=1&list_name=follow&nt=0" target="_blank">卓越班<br>软件工厂</a></li>
	            
	        </ul>
	    </nav>
	
	<div id="loginPopup" class="popup-overlay">
	    <div class="popup-content">
	        <div class="container">
	            <div class="tit">登录</div>
	            <input type="text" placeholder="账号" />
	            <input type="password" placeholder="密码">
	            <button>登录</button>
	            <span class="go-register">没有账号？去注册</span>
	            <span class="close-popup" data-dismiss="login">×</span> <!-- 关闭按钮 -->
	        </div>
	    </div>
	</div>
	<div id="registerPopup" class="popup-overlay">
	    <div class="popup-content">
	        <div class="container">
	            <div class="tit">注册</div>
	            <input type="text" placeholder="用户名" />
	            <input type="text" placeholder="手机号" />
	            <input type="password" placeholder="设置密码">
	            <input type="password" placeholder="确认密码">
	            <button>注册</button>
	            <span class="go-login">已有账号？去登录</span>
	            <span class="close-popup" data-dismiss="register">×</span> <!-- 关闭按钮 -->
	        </div>
	    </div>
	</div>
	
	
	
	
    <nav class="nav">
		
	
		
        <div class="ndiv">
            <ul>
                <a href="index.html" class="logo">
                    <img src="img/ZXlogo.png" alt="">
                    
                </a>
            </ul>
            <ul>   
                <li><a href="FreeClasses.html" class="fcolor">免费课</a></li>
                <li><a href="PracticalClasses.html" class="fcolor">实战课</a></li>
                <li><a href="SystematicCourses.html" class="fcolor">体系课</a></li>
                
                <li class="shangyehezuo" >商业合作
                    <div class="syhz">
                        <p><a href="">企业服务</a></p>
                        <p><a href="">讲师入住</a></p>
                    </div>
                </li>
            </ul>
            <ul>
                <input type="text" placeholder="请输入关键字">
                <button class="search">🔎搜索</button>
                <img src="img/购物车.png" alt="" class="gwc">
                <span>登录</span>/ <span>注册</span>
            </ul>
            </div>
        </div>
    </nav>
    <div class="catalogue">
        <div class="catalogue_1">
            <div class="catalogue_top">
				
			
                <ul>
                    <li>前沿技术：人工智能/AIGC/大模型
                        <div class="secondaryDirectory">
                        </div>
                    </li>
                    <li>前沿技术：人工智能/AIGC/大模型</li>
                    <li>前沿技术：人工智能/AIGC/大模型</li>
                    <li>前沿技术：人工智能/AIGC/大模型</li>
                    <li>前沿技术：人工智能/AIGC/大模型</li>
                    <li>前沿技术：人工智能/AIGC/大模型</li>
                    <li>前沿技术：人工智能/AIGC/大模型</li>
                </ul>
                <div class="carousel-container" id="carousel">
                    <div class="carousel-slide">
                        <a href="">
                            <img src="img/lb1.jpg" alt="Slide 1">
                        </a>
                        
                    </div>
                    <div class="carousel-slide">
                        <a href="">
                            <img src="img/lb2.jpg" alt="Slide 2">
                        </a>
                        
                    </div>
                    <div class="carousel-slide">
                        <a href="">
                        <img src="img/lb3.jpg" alt="Slide 3">
                        </a>
                    </div>
                    <div class="carousel-slide">
                        <a href="">
                        <img src="img/lb4.jpg" alt="Slide 2">
                        </a>
                    </div>
					<div class="carousel-slide">
					    <a href="">
					    <img src="img/lb5.jpg" alt="Slide 2">
					    </a>
					</div>
					<div class="carousel-slide">
					    <a href="">
					    <img src="img/lb6.jpg" alt="Slide 2">
					    </a>
					</div>
                    <div class="carousel-control-t prev " >
                        <a class="carousel-control prev" href="#"><</a>
                    </div>
                    <div class="carousel-control-t next" >
                        <a class="carousel-control next" href="#">></a>
                    </div>
                    
                    <div class="carousel-indicators">
                        
                    </div>
                </div>
            
            </div>
			<div class="catalogue_buttom">
>>>>>>> ce066e1fcfb96b953fc3cde2c5d7de1d5163e52f
				<ul>
					<li>
						<a href="">
							<img src="img/rgzn_logo.png" alt="" />
							<div>
								<h1>AI人工智能</h1>
								<p>AIGC|ChatGPTILLM</p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/rgzn_logo.png" alt="" />
							<div>
								<h1>AI人工智能</h1>
								<p>AIGC|ChatGPTILLM</p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/rgzn_logo.png" alt="" />
							<div>
								<h1>AI人工智能</h1>
								<p>AIGC|ChatGPTILLM</p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/rgzn_logo.png" alt="" />
							<div>
								<h1>AI人工智能</h1>
								<p>AIGC|ChatGPTILLM</p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/rgzn_logo.png" alt="" />
							<div>
								<h1>AI人工智能</h1>
								<p>AIGC|ChatGPTILLM</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
        </div>
		
    </div>
	<!-- 第一个课程展示区域 -->
	<div class="newGoodClass" id="newGoodClass">
	  <div class="newGoodClass_1">
	    <div class="goodClasTop">
	      <ul class="tab-links-1">
			  <h3>新上好课</h3>
	        <li class="tab-link-1 active" data-tab="front-end-1">前端开发</li>
	        <li class="tab-link-1" data-tab="back-end-1">后端开发</li>
	        <li class="tab-link-1" data-tab="mobile-1">移动开发</li>
	        <li class="tab-link-1" data-tab="computer-basic-1">计算机基础</li>
	      </ul>
	    </div>
	    <div class="goodClassButtom">
	      <div id="front-end-1" class="tab-content-1" style="display: block;">
	        <ul></ul>
	      </div>
	      <div id="back-end-1" class="tab-content-1">
	        <ul></ul>
	      </div>
	      <div id="mobile-1" class="tab-content-1">
	        <ul></ul>
	      </div>
	      <div id="computer-basic-1" class="tab-content-1">
	        <ul></ul>
	      </div>
	    </div>
	  </div>
	</div>
	
	
	
	
	<div>
		
		
	</div>
	
	<!-- 第二个课程展示区域 -->
	<div class="newGoodClass">
	  <div class="newGoodClass_1">
	    <div class="goodClasTop">
	      <ul class="tab-links-2">
			  <h3>进站必学</h3>
	        <li class="tab-link-2 active" data-tab="front-end-2">前端开发</li>
	        <li class="tab-link-2" data-tab="back-end-2">后端开发</li>
	        <li class="tab-link-2" data-tab="mobile-2">移动开发</li>
	        <li class="tab-link-2" data-tab="computer-basic-2">计算机基础</li>
	      </ul>
	    </div>
	    <div class="goodClassButtom">
	      <div id="front-end-2" class="tab-content-2" style="display: block;">
	        <ul></ul>
	      </div>
	      <div id="back-end-2" class="tab-content-2">
	        <ul></ul>
	      </div>
	      <div id="mobile-2" class="tab-content-2">
	        <ul></ul>
	      </div>
	      <div id="computer-basic-2" class="tab-content-2">
	        <ul></ul>
	      </div>
	    </div>
	  </div>
	</div>
	
	<footer class="footer">
		<ul>
			<li><a href="">企业服务</a></li>
			<li><a href="">网站地图</a></li>
			<li><a href="">关于我们</a></li>
			<li><a href="">联系我们</a></li>
			<li><a href="">讲师招募</a></li>
			<li><a href="">帮助中心</a></li>
			<li><a href="">意见反馈</a></li>
			<li><a href="">企业服务</a></li>
		</ul>
	</footer>

	
	<script src="js/denglu.js"></script>
    <script src="js/index.js"></script>
	<script src="js/kecheng.js"></script>
</body>
>>>>>>> Stashed changes
</html>